<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<title>商品详情</title>
</head>
<body style="background:#edf2f7;">
<div class="container-fluid mb22">
	<div class="row global-top">
		<div class="col-xs-4">
			<a href="" class="return">返回</a>
		</div>
		<div class="col-xs-4 t-c">
			商品列表
		</div>
		<div class="col-xs-4">
			<div class="right">
				<a href="" class="icon2"></a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="goods-detal-img">
			<img src="images/xq_02.jpg"/>
		</div>
	</div>
	<div class="row white-bg">
		<div class="col-xs-10 goods-detal-name">
			蓝牙无线耳机蓝牙无线耳机蓝牙无线耳机蓝牙无线耳机蓝牙无线耳机
		</div>
		<div class="col-xs-2 goods-detal-share">
			<a href="">
				<img src="images/share_05.jpg"/>
				<p>分享</p>
			</a>
		</div>
		<div class="col-xs-12 goods-detal-money">
			￥<em>169</em>.00<i>今日特价</i>
			<p>价格：<span class="t-l">￥100.00</span></p>
		</div>
		<div class="col-xs-4 goods-detal-adress b-b">
			快递：￥0.00
		</div>
		<div class="col-xs-4 goods-detal-adress b-b t-c">
			月销728笔
		</div>
		<div class="col-xs-4 goods-detal-adress b-b t-r">
			上海
		</div>
		<div class="col-xs-12 b-b">
			<div class="goods-detal-list">
				<span class="left">支持：积分当钱花</span><i class="quan"><img src="images/quan.png"/></i>
			</div>
		</div>
		<div class="col-xs-12 b-b">
			<div class="goods-detal-list">
				<span class="left">评分:</span>
				<i class="star"><img src="images/star1.png"/></i>
				<i class="star"><img src="images/star1.png"/></i>
				<i class="star"><img src="images/star1.png"/></i>
				<i class="star"><img src="images/star1.png"/></i>
				<i class="star"><img src="images/star2.png"/></i>
				<span class="left" style="margin-left:0.4rem;">0.1</span>
				<em><img src="images/icon18.png"/></em>
			</div>
		</div>
		<div class="col-xs-12 b-b">
			<div class="goods-detal-list">
				温馨提示：支持7天无理由退货
			</div>
		</div>
		<div class="col-xs-12 b-b">
			<div class="goods-detal-list">
				服务：有通信圈发货并提供售后服务
			</div>
		</div>
	</div>
	<footer class="goods-detal-footer">
		<a href="" class="green-bot">加入购物车</a>
		<a href="iavascript:;" class="blue-bot" id="baynow">立即购买</a>
	</footer>
</div>
<script type="text/javascript">
$('#baynow').on('click', function(){
	layer.open({
		type: 1,
		content:'<div class="settlement-pop"><div class="col-xs-12 b-b"><div class="goods"><div class="left"><img src="images/xq_02.jpg"/></div><div class="info"><span class="orange-text">￥126.00</span></br>库存126</br>请选择颜色分类</div><button></button></div></div><div class="col-xs-12 b-b"><div class="type">选择套餐类型<p><label class="active">官方标配</label></p></div></div><div class="col-xs-12 b-b"><div class="type">颜色分类<p><label>蓝色</label><label>黑色</label></p></div></div><div class="col-xs-12 b-b"><div class="order-list"><span class="left">购买数量</span><div class="number"><a href="javascript:;">-</a><input type="text" value="1"/><a href="javascript:;">+</a></div></div></div><div class="col-xs-12" style="margin-top:6rem;margin-bottom:0.4rem;"><input type="submit" value="确认" class="global-button blue-bot"/></div></div>',
		anim: 0,
		style: 'position:fixed; bottom:0; left:0; width:100%;border:none;'
		});
	});
</script>
</body>
</html>
